{include file="public/head"/}
<script language="javascript">
	$(document).ready(function () {

		//设置modal垂直居中,移动
		// modalSetting(".modal"); 
	});
	
</script>
<div class="container-fluid" id="main">

    <div class="row clearfix">
        <div class="col-md-12 column">
            <div class="alert alert-dismissable alert-info">
                <button type="button" class="close">×</button>
                <p></p>
        	</div>
        </div>
    </div>
   
   
    <div class="ntDesktop">
        <div class="ntDesktop-head">{:lang("list_of_purchase_contract_terms")}</div>
        <div class="col-md-12 column text-right"> 
            <div>
                <a href="{:url('buyterms/addTerms')}" class='btn btn-primary' data-toggle="modal" data-target="#terms_editModal" stytle="margin-right:20px">
                    <span class="glyphicon glyphicon-plus"></span> {:lang("add_purchase_contract_terms")}
                </a>
            </div>
        </div>

   
        <div class="row clearfix">
            <div class="col-md-12 column">
                <table class="table table-striped table-hover ntTable" v-cloak>
                    <thead>
                        <tr>
                            <th style="text-align:center">No.</th>
                            <th class="sorting" width="10%"> {:lang("category")} </th>
                            <th class="sorting"> {:lang('add/alterar_bank_account')} </th>
                            <th class="sorting" width="5%"> {:lang("It's_necessary_or_not")} </th>
                            <th class="sorting" width="5%"> {:lang('classify')} </th>
                            <th class="sorting"> {:lang('edit')} </th>
                            <th width="10%"> {:lang('operate')} </th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr v-for="(item,index) in listdata">
                            <td align="center">{{item.id}}</td>
                            <td> {{item.term_name}}</td>
                            <td> {{item.content}} </td>
                            <td> {{item.must}} </td>
                            <td> {{item.drank}} </td>
                            <td> {{item.create_name}}<br /><small>{{item.created_time}} </small></td>
                            <td class="text-right">
                                <div>
                                  <a :href="'/admin/buyterms/editTerms?request=edit&id='+item.id" class='btn btn-sm btn-primary' data-toggle="modal" data-target="#terms_editModal"><span class="glyphicon glyphicon-pencil"></span> {:lang('edit')}</a>
                                  <a href="#" class='btn btn-sm btn-default option-del' @click="requestDel(item.id)"><span class="glyphicon glyphicon-trash"></span>{:lang('delete')}</a>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
	</div>
</div>



<div class="modal fade" id="terms_editModal"  aria-labelledby="ntModalLabel" aria-hidden="true"  data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog modal-lg" >
        <div class="modal-content"  style="width:1000px">
            
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<script type="text/javascript">
    $("#terms_editModal").on("hidden.bs.modal", function() {
        $(this).removeData("bs.modal");
        $(".modal-content").children().remove();
    });
</script>
<script src="/static/Admin/js/buyterms.js"></script>
{include file="public/foot"/}